<!DOCTYPE html>
<html>
<head>
    <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <title>引导-办事</title>
    <!--region 引入公用js和css -->
    <script>
        var HOST_S = "";
        var ctx = "";
    </script>
    <link href="../assets/plugins/animate/animate.css" rel="stylesheet">
    <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
    <link href="../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
    <link href="../assets/module/gcjsy/gcjsy-comp.css" rel="stylesheet">
    <link rel="stylesheet" href="../assets/plugins/sweetalert/sweetalert.css">
    <link rel="stylesheet" href="../assets/plugins/layer/theme/default/layer.css">
    <!-- CSS Customization -->
    <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
    <link href="../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
    <link href="../assets/ditop/ditop.css" rel="stylesheet">
    <link href="../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet"
          type="text/css"/>
    <script src="../assets/plugins/jquery/jquery.min.js"></script>
    <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../assets/plugins/bootstrap-toastr/toastr.js"></script>
    <script src="../assets/plugins/art-template/template.js"></script>
    <script src="../assets/plugins/layer/layer.js"></script>
    <script src="../assets/ditop/ditop.js"></script>

    <script>
        $("html").addClass("LAYOUT_9");
        if (parent.layer.getFrameIndex(window.name)) {
            $("html").addClass("dlglayer");
        }
    </script>

    <!--endregion-->

    <!--<script src="../assets/module/gcjsy/js/echarts.min.js"></script>-->
</head>

<body>
<div class="page-wrapper">


    <div class="page-header navbar">
        <div class="page-header-inner clearfix">
            <div class="logo pull-left">
                <a href="#"><img src="../assets/images/logo/logo.png" alt="logo" class="logo-default"/> </a>
            </div>
            <div class="menu-toggler sidebar-toggler" style="height: 0"></div>
            <div class="main-menu pull-left">
                <ul class="nav navbar-nav">
                    <li id="home" class="active-menu">
                        <div class="header-type">
                            <span>首页</span>
                        </div>
                    </li>
                    <li>
                        <div class="header-type">
                            <span>动态</span>
                        </div>
                    </li>
                    <li>
                        <div class="header-type">
                            <span>办事</span>
                        </div>
                    </li>
                    <li>
                        <div class="header-type">
                            <span>应用</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="top-menu pull-right">
                <ul class="nav navbar-nav">

                    <!--<li><a href="#"><img src="images/tixin.png" alt=""/><span class="badge badge-danger"> 9 </span></a>
                      </li>
                    <li><a href="#"><img src="images/db.png" alt=""/><span class="badge badge-info"> 1 </span></a></li>
                    <li><a href="#"><img src="images/gg.png" alt=""/><span class="badge badge-info"></span></a></li>
                    <li><a href="#"><img src="images/wenti2.png" alt=""/></a></li>-->
                    <li><a href="#"><i class="dtFont dtFont-msg"></i><span class="badge badge-danger"> 9 </span></a>
                    </li>
                    <li><a href="#"><i class="dtFont dtFont-naozhong"></i><span class="badge badge-info"> 1 </span></a></li>
                    <li><a href="#"><i class="dtFont dtFont-gonggao"></i><span class="badge badge-info"></span></a></li>
                    <li><a href="#"><i class="dtFont dtFont-help"></i></a></li>


                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle user-info" data-toggle="dropdown"
                           data-hover="dropdown" data-close-others="true"><i class="dtFont dtFont-my_icon"></i></a>
                        <ul class="dropdown-menu dropdown-menu-default pull-right	">
                            <li class="profile">
                                <a href="javascript:;"> <i class="icon-user"></i> 个人中心</a>
                            </li>
                            <li class="changePassword">
                                <a href="javascript:;"> <i class="icon-key"></i> 修改密码</a>
                            </li>
                            <li class="feedBack">
                                <a href="javascript:;"> <i class="icon-bubbles"></i> 给管理员留言</a>
                            </li>
                            <li class="divider"></li>
                            <li class="logout">
                                <a href="javascript:;"> <i class="icon-close"></i>退出</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <div class="page-container index-page-container">

        <div class="index-content">


            <div class="area-top1 clearfix">
                <div class="area-top1L">
                    <div class="m-company">
                        <h2><span>欢迎</span> 安徽德拓信息科技有限公司</h2>
                        <p>您有<font class="red">12条</font>待办任务待处理，<font class="red">3条</font>消息和<font class="red">2条</font>公告未读，<font class="red">1条</font>办件办理中。</p>
                    </div>

                    <ul class="clearfix c-comIcon">

                        <li>
                            <div>
                                <div>企</div>
                                <div class="noed L-tip">
                                    <span class="m-helpTip">这里是信息提示内容</span>
                                    <i class="dtFont dtFont-chenggong"></i>
                                </div>
                            </div>
                            <h4>企业信息</h4>
                            <a href="#" class="hidden">立即处理</a>
                        </li>

                        <li>
                            <div>
                                <div>人</div>
                                <div class="noed L-tip">
                                    <span class="m-helpTip">这里是信息提示内容</span>
                                    <i class="dtFont dtFont-chenggong"></i>
                                </div>
                            </div>
                            <h4>主要人员</h4>
                            <a href="#" class="hidden">立即处理</a>
                        </li>

                        <li class="checking">
                            <div>
                                <div>资</div>
                                <div class="noed hidden L-tip">
                                    <span class="m-helpTip">这里是信息提示内容</span>
                                    <i class="dtFont dtFont-chenggong"></i>
                                </div>
                            </div>
                            <h4>资质资格</h4>
                            <a href="#">正在校验中...</a>
                        </li>

                        <li>
                            <div>
                                <div>聘</div>
                                <div class="noed L-tip">
                                    <span class="m-helpTip">安许证信息未完善</span>
                                    <i class="dtFont dtFont-gantanhao"></i>
                                </div>
                            </div>
                            <h4>聘用关系</h4>
                            <a href="#">立即处理</a>
                        </li>

                    </ul>

                </div>
                <div class="area-top1R">
                    <h2>应用中心</h2>
                    <div class="area-top1Rb">

                        <div id="myCarousel" class="carousel slide">
                            <!-- 轮播（Carousel）指标 -->
                            <ol class="carousel-indicators">
                                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                <li data-target="#myCarousel" data-slide-to="1"></li>
                                <li data-target="#myCarousel" data-slide-to="2"></li>
                            </ol>
                            <!-- 轮播（Carousel）项目 -->
                            <div class="carousel-inner mlbBody">
                                <div class="item active">
                                    <div>
                                        <ul class="index-lbIcon clearfix">
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="blue dtFont dtFont-qiyemingcheng"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>企业信息</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="purple dtFont dtFont-shenhezige"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>资质资格</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="PaleRred dtFont dtFont-yeji1"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>企业业绩</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="greenC dtFont dtFont-zhaopin"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员聘用管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="PaleRred dtFont dtFont-zhengshu5"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员证书管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="blue dtFont dtFont-zhuce2"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员注册管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>

                                        </ul>
                                    </div>
                                </div>

                                <div class="item">
                                    <div>
                                        <ul class="index-lbIcon clearfix">
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="blue dtFont dtFont-qiyemingcheng"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>企业信息</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="purple dtFont dtFont-shenhezige"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>资质资格</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="PaleRred dtFont dtFont-yeji1"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>企业业绩</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="greenC dtFont dtFont-zhaopin"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员聘用管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="PaleRred dtFont dtFont-zhengshu5"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员证书管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="blue dtFont dtFont-zhuce2"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员注册管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                                <div class="item">
                                    <div>
                                        <ul class="index-lbIcon clearfix">
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="blue dtFont dtFont-qiyemingcheng"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>企业信息</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="purple dtFont dtFont-shenhezige"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>资质资格</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="PaleRred dtFont dtFont-yeji1"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>企业业绩</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="greenC dtFont dtFont-zhaopin"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员聘用管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="PaleRred dtFont dtFont-zhengshu5"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员证书管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="blue dtFont dtFont-zhuce2"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员注册管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <script>
                            $(function(){
                                $('#myCarousel').carousel({interval:4000});
                                // 自动轮播 关闭
                            })
                        </script>
                    </div>
                </div>
            </div>

            <div class="area-top2">
                <ul class="clearfix">
                    <li class="blue">
                        <h4>待办任务</h4>
                        <p>12</p>
                        <a href="#">查看更多</a>
                        <img src="../images/index/daoban1.png" alt=""/>
                    </li>
                    <li class="greenC">
                        <h4>消息</h4>
                        <p>2</p>
                        <a href="#">查看更多</a>
                        <img src="../images/index/daoban3.png" alt=""/>
                    </li>
                    <li class="purple">
                        <h4>公告</h4>
                        <p>6</p>
                        <a href="#">查看更多</a>
                        <img src="../images/index/daoban2.png" alt=""/>
                    </li>
                    <li class="Yellow">
                        <h4>智能预警</h4>
                        <p>15</p>
                        <a href="#">查看更多</a>
                        <img src="../images/index/daoban4.png" alt=""/>
                    </li>
                </ul>
            </div>
            <div class="xm-main2">

                <div class="xm-mainC clearfix">
                    <div class="xm-mainC-left">
                        <div class="indexStitle">
                            <h3>人员证书概览</h3>
                        </div>
                        <div style="height: 350px;" id="mghb">

                        </div>
                    </div>
                    <div class="xm-mainC-right clearfix">
                        <div class="indexStitle">
                            <h3>人员流动分析</h3>
                        </div>
                        <div style="height: 350px;" id="bl_tu">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>




<!--引导开始-->
<style>
    .shake-M{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100;top:0;left:0}
    .Yd{position:absolute!important;z-index:1;top:38px;display: none}
    .Yd a{font-size:0;display:block}
    .Yd1{left:208px}
    .Yd2{left:108px}
    .Yd3{left:248px}
    .Yd4{top:8px;right:141px}
    @media screen and (max-width:1500px){.Yd4{top:-3px}}
</style>
<div class="shake-M">
    <div class="Yd Yd1">
        <a href="javascript:;">
            <img src="../images/index/dt.png" alt=""/>
        </a>
    </div>

    <div class="Yd Yd2">
        <a href="javascript:;">
            <img src="../images/index/bs.png" alt=""/>
        </a>
    </div>
    <div class="Yd Yd3">
        <a href="javascript:;">
            <img src="../images/index/yg.png" alt=""/>
        </a>
    </div>
    <div class="Yd Yd4">
        <a href="引导-工商信息.html">
            <img src="../images/index/xxts.png" alt=""/>
        </a>
    </div>
</div>
<script async>
~function(){
    var bwe = $('.main-menu > ul'),
        shakeM = $('.shake-M').find('.Yd'),
        arr=[170,280,310];
    function xx(){
        for(var i=0;i<3;i++){
            var posi = bwe.children('li').eq(i+1).position();
            shakeM.eq(i).css({
                'top':posi.top-10+'px',
                'left':posi.left-arr[i]+'px'
            });
        }
    }xx();$(window).on('resize',xx);
    +function(){
        for(var j=0;j<shakeM.length;j++){
            shakeM.eq(j).on('click',function(){
                $(this).hide();
                $(this).next().show()
            });
            shakeM.eq(j).hide();
        }
        shakeM.eq(0).show();
    }()
}()
</script>
<!--引导结束-->



<!--region 引入公用js和css -->
<script src="../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/js.cookie.min.js"></script>
<script src="../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../assets/plugins/moment.min.js"></script>
<script src="../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../assets/plugins/jquery.sparkline.min.js"></script>
<script src="../assets/plugins/select2/js/select2.js"></script>
<script src="../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="../assets/base/scripts/app.js"></script>
<script src="../assets/base/scripts/theme.js"></script>
<script src="../assets/ditop/ditop-addition.js"></script>
<script src="../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/ditop/layout.js"></script>
<!--endregion-->

<script src="../assets/module/gcjsy/js/content.js"></script>
<script src="../assets/module/gcjsy/js/mghb.js"></script>
<script src="../assets/module/gcjsy/js/bl_tu.js"></script>

</body>
</html>
